
/* Font */

@font-face{
    font-family: 'Quirky';
    src: url('../font/Quirky/Quirky-Black-2.otf');
}
.Mcinal-User-Center{
    float: left;
}

/* Memu User show */
.Memu-User-shows,.Memu-User-shows img{
    margin-right: 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.Mcinal-Up-data-user{
    display: flex;
}
.Mcinal-Up-data-user img{
    margin: 8px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
}
.Mcinal-Up-data-user p{
    font-weight: 300;
    font-size: 24px;
    margin: 0;
}
.Mcinal-Up-data-user-Name{
    display: grid;
    align-items: center;
}
/* User-data-Accountlist */
.User-Account-list{
    overflow: auto;
    height: 75vh;
    width: 34ch;
}
.Accoutnt-div-load{
    box-shadow:  0px 0px 8px 1px rgb(0 0 0 / 20%);
    padding: 8px;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.Accoutnt-div-load img{
    border-radius: 100%;
    width: 32px;
    height: 32px;
}
.Accoutnt-div-load i{
    background-color: seagreen;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}
/* 进度条 */
.setprogress-schedule{
    width: 250px;
    height: 16px;
    border-radius: 16px;
    background:white;
}

.progress-schedule{
    border-radius: 16px;
    background: linear-gradient(to left, rgb(0 140 255), rgb(0 100 173));
    box-shadow: 0 3px 3px -5px rgb(1 103 175), 0 2px 5px rgb(0 110 173);
    height: 16px;
    transition: width 1s cubic-bezier(0.57, 0.6, 0.06, 1.01) 0.3s;
    text-align: center;
    color: white;
}
/* Kakela UI */
.Kakela-indexs{
    width: 420px;
    height: 100vh;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 15%;
}
.Kakela-List{
    margin: 2px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


/* CPU-Color */
:root{
    --default: rgb(96 125 139);
    --blue:rgb(0 140 255);
    --red:rgb(214 53 27)
}

.Kakela-CPU-icon{
    padding: 8px;
    background: var(--default);
    color: white;
    font-size: 32px !important;
}
.Kakela-Memory-icon{
    padding: 8px;
    background: var(--blue);
    color: white;
    font-size: 32px !important;
}
.Kakela-Windwos-icon{
    padding: 8px;
    background: var(--blue);
    color: white;
    font-size: 32px !important;
}
.Kakela-Console-icon{
    padding: 8px;
    background: var(--blue);
    color: white;
    font-size: 32px !important;
}